/* 
    Document   : payment
    Created on : Apr 9, 2011, 1:52:11 PM
    Author     : l2qnew
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
.color { color: #EEF7FB;color: #336699;color: #F07824;color: #333333;color: #FFFFCC; }
.payment .total-price {
    background: #F2FFF2; float: left; width: 700px; height: 30px; line-height: 30xp; text-align: right;
    border: 1px solid #d4d4d4; border-top: none; padding-right: 8px; padding-top: 15px; margin-bottom: 5px;
}
.type-payment { float: left; width: 100%; clear: both;}
.payment .type-payment .title { background: #f5f5f5; color: #666; border: 1px solid #DDEDed;}
.mobivi {background: url('../Images/FrontEnd/mobivi.png') no-repeat; }
.nganluong {background: url('../Images/FrontEnd/nganluong.png') no-repeat; }
.vnmart {background: url('../Images/FrontEnd/vnMart.png') no-repeat; }
.form-payment .continue { 
            background: #F07824; padding: 8px 20px; float: right; margin-right: 15px;
           width: auto; color: #fff; font-weight: bold; font-size: 14px;
           border: none;
}
.payment .type-payment .selected { background: #EEF7FB; color: #336699;}
.accept-term { padding: 10px; float: left; width: 400px;}
.payment-card { width: 668px; padding:10px 0 10px 40px; border: 1px solid #DDEDed;
               float: left; clear: both; border-top: none; border-bottom: none;}
/*.payment-card div { float: left; clear: both; margin-bottom: 10px;}*/
.form-payment .method { float: left; width: 100px; height: 52px;}
.payment-card label { float: left; width: 100px; text-align: right; padding-right: 10px;}

/*Confirm*/
.confirm .report { background: #EEF7FB url('../Images/FrontEnd/accept.png') no-repeat 8px 14px; padding: 15px 30px;}
.confirm .report a, .confirm .note a { color:  #336699;}
.confirm .report a:hover, .confirm .note a:hover {color: #F07824;}
.thanks {
        text-align: right; font-size: 16px; font-weight: bold;
         color: #336699; border-top:  1px dashed #d4d4d4;
         padding-top: 10px;
}
.confirm .note { color: #999;}
.confirm .note ul li{ padding-top: 5px; line-height: 18px;}


